<div class="buy-win" v-if="buy.view">
	<div class="buy-mask"></div>
	<div class="buy-body">
		<div class="buy-content">
			<div class="flex buy-title flex-center border-bottom">
				<div class="flex-1 pl-3">{{buy.title}}</div>
				<div class="p-3 pointer" @click="closeNewBuy">
					<i class="el-icon-close"></i>
				</div>
			</div>
			<div class="p-4 text-666666" v-if="buy.pay_status && buy.pay_status==='vip'">
				<div class="flex py-2">
					<div class="w-100px text-right">服务名称：</div>
					<div class="flex-1 text-primary pl-3 font-weight-500">{{buy.stitle}}</div>
				</div>
				<div class="flex py-2">
					<div class="w-100px text-right">已选套餐：</div>
					<div class="flex-1 text-primary pl-3 font-weight-500">{{buy.data.title}}</div>
				</div>
				<div class="flex py-2">
					<div class="w-100px text-right"></div>
					<div class="flex-1 pl-3">
						<div class="bg-D8B077-01 p-3">
							<div class="row">
								<div class="col-6 py-1" v-for="(v,index) in buy.data.rule">
									{{v.title}}:<span class="text-primary pl-2" v-if="v.type==='input'">{{v.value}}{{v.unit}}</span>
									<span class="text-primary pl-2" v-if="v.type==='switch'">{{v.value?'有':'无'}}</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div v-if="!buy.orderInfo.otrade">
					<div class="flex py-2">
						<div class="w-100px text-right">支付方式：</div>
						<div class="flex-1 text-primary pl-3">
							<div class="flex">
								{eq name=":config('alipay.status')" value="1"}
								<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='alipay','border-primary':buy.form.pay_type=='alipay'}" @click="setPayType('alipay');">
									<div class="pr-2">
						  				<img src="__TEMPLATE_STATIC__/icon/icon_alipay.png" height="30">
									</div>
									<div class="flex-1">支付宝支付</div>
								</div>
								{/eq}
								{eq name=":config('wxpay.status')" value="1"}
								<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='wxpay','border-primary':buy.form.pay_type=='wxpay'}" @click="setPayType('wxpay');">
									<div class="pr-2">
						  				<img src="__TEMPLATE_STATIC__/icon/icon_wxpay.png" height="30">
									</div>
									<div class="flex-1">微信支付</div>
								</div>
								{/eq}
							</div>
						</div>
					</div>
					<div class="flex py-2 flex-baseline">
						<div class="w-100px text-right">订单价格：</div>
						<div class="flex-1 text-secondary pl-3 h4 font-weight-500 mb-0"><s>{{buy.score_price}}<span class="font-size-sm text-secondary pl-2">元</s></span></div>
					</div>
					<div class="py-2 flex flex-baseline">
						<div class="w-100px text-right">优惠券：</div>
						<div class="text-primary pl-3 h4 font-weight-500 mb-0" v-if="buy.coupon_price>0">-{{buy.coupon_price}}<span class="font-size-sm text-secondary pl-2">元</span></div>
						<div class="flex-1"></div>
						<div class="text-secondary pl-3 font-weight-500 pointer" @click="showCoupon">使用优惠券</div>
					</div>
					<div class="py-2 flex" v-if="buy.showCoupon">
						<div class="w-100px text-right"></div>
						<div class="flex-1" style="overflow:auto;height: 300px;"
						v-infinite-scroll="getCoupon"
						:infinite-scroll-disabled="buy.search_coupon.ajax=='noMore'">
							<div class="row mx-0">
							    <div v-for="(v,index) in buy.coupon" class="col-6 py-2">
							    	<div class="pointer border border-info position-relative"
							    	:class="{'border-xl border-danger is_selected':buy.form.selected_coupon.indexOf(v.alias)!==-1,'grayscale':hasCouponIsUse(v)}"
							    	@click="useCoupon(v)">
							    		<div class="bg-info text-white p-3">
									    	<div class="h4 mb-0" v-if="v.type">
									    	{{v.discount/10}}折<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
									    	</div>
									    	<div class="h4 mb-0" v-else>
									    	￥{{v.price}}<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
									    	</div>
									    	<div class="font-size-sm pt-2">有效期至{{v.end_time}}</div>
							    		</div>
							    		<div class="px-3 flex text-info py-2">
							    			<div>[{{v.cate}}]</div>
							    			<div>[{{v.title}}]</div>
							    		</div>
							    		<div class="bg-danger text-white coupon-icon-check"><i class="el-icon-check"></i></div>
							    		<div class="position-absolute text-white" style="right:5px;top:5px;" v-if="v.alias_list.length">
							    			<el-tooltip :content="'仅限'+v.alias_list.join(',')+'使用'" placement="top">
							    				<i class="el-icon-warning-outline"></i>
											</el-tooltip>
							    		</div>
							    		<div class="position-absolute text-white font-size-sm" style="right:25px;top:5px;" v-if="v.vip_level>0">
							    			仅限{{v.vip_name}}使用
							    		</div>
							    	</div>
							    </div>
							    <div v-for="(v,index) in buy.coupon_not" class="col-6 py-2">
							    	<div class="pointer border border-info position-relative"
							    	:class="{'border-xl border-danger is_selected':buy.form.selected_coupon.indexOf(v.alias)!==-1,'grayscale':hasCouponIsUse(v)}"
							    	@click="useCoupon(v)">
							    		<div class="bg-info text-white p-3">
									    	<div class="h4 mb-0" v-if="v.type">
									    	{{v.discount/10}}折<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
									    	</div>
									    	<div class="h4 mb-0" v-else>
									    	￥{{v.price}}<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
									    	</div>
									    	<div class="font-size-sm pt-2">有效期至{{v.end_time}}</div>
							    		</div>
							    		<div class="px-3 flex text-info py-2">
							    			<div>[{{v.cate}}]</div>
							    			<div>[{{v.title}}]</div>
							    		</div>
							    		<div class="bg-danger text-white coupon-icon-check"><i class="el-icon-check"></i></div>
							    		<div class="position-absolute text-white" style="right:5px;top:5px;" v-if="v.alias_list.length">
							    			<el-tooltip :content="'仅限'+v.alias_list.join(',')+'使用'" placement="top">
							    				<i class="el-icon-warning-outline"></i>
											</el-tooltip>
							    		</div>
							    		<div class="position-absolute text-white font-size-sm" style="right:25px;top:5px;" v-if="v.vip_level>0">
							    			仅限{{v.vip_name}}使用
							    		</div>
							    	</div>
							    </div>
						    </div>
						    <div class="text-secondary small text-center py-5" v-if="!buy.coupon.length&&!buy.coupon_not.length&&buy.search_coupon.ajax=='noMore'">暂无可用优惠券~</div>
						</div>
					</div>
				</div>
				<div class="flex py-2 flex-baseline">
					<div class="w-100px text-right">应付金额：</div>
					<div class="flex-1 text-primary pl-3 h4 font-weight-500 mb-0">{{(buy.score_price-buy.coupon_price).toFixed(2)}}<span class="font-size-sm text-secondary pl-2">元</span></div>
				</div>
			</div>
			<div class="p-4 text-666666" v-if="buy.pay_status && buy.pay_status==='job_fair'">
				<div class="flex py-2">
					<div class="w-100px text-right">服务名称：</div>
					<div class="flex-1 text-primary pl-3 font-weight-500">{{buy.stitle}}</div>
				</div>
				<div class="flex py-2">
					<div class="w-100px text-right">招聘会：</div>
					<div class="flex-1 text-primary pl-3 font-weight-500">{{buy.data1.title}}</div>
				</div>
				<div class="flex py-2">
					<div class="w-100px text-right">已选展位：</div>
					<div class="flex-1 text-primary pl-3 font-weight-500">{{buy.data.identifier}}{{buy.data.index}}</div>
				</div>
				<div v-if="!buy.orderInfo.otrade">
					<div class="flex py-2">
						<div class="w-100px text-right">支付方式：</div>
						<div class="flex-1 text-primary pl-3">
							<div class="flex">
								<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='job_fair','border-primary':buy.form.pay_type=='job_fair'}" @click="setPayType('job_fair');buy.form.score=0;setPriceScoreChange()">
									<div class="pr-2">
						  				<img src="__TEMPLATE_STATIC__/icon/icon_rights.png" height="30">
									</div>
									<div class="flex-1">权益兑换</div>
								</div>
								{eq name=":config('alipay.status')" value="1"}
								<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='alipay','border-primary':buy.form.pay_type=='alipay'}" @click="setPayType('alipay');">
									<div class="pr-2">
						  				<img src="__TEMPLATE_STATIC__/icon/icon_alipay.png" height="30">
									</div>
									<div class="flex-1">支付宝支付</div>
								</div>
								{/eq}
								{eq name=":config('wxpay.status')" value="1"}
								<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='wxpay','border-primary':buy.form.pay_type=='wxpay'}" @click="setPayType('wxpay');">
									<div class="pr-2">
						  				<img src="__TEMPLATE_STATIC__/icon/icon_wxpay.png" height="30">
									</div>
									<div class="flex-1">微信支付</div>
								</div>
								{/eq}
							</div>
						</div>
					</div>
					<div v-if="buy.form.pay_type==='job_fair'">
						<div class="flex py-2 flex-baseline">
							<div class="w-100px text-right">招聘会场数</div>
							<div class="pl-3">当前拥有</div>
							<div class="text-primary h4 font-weight-500 mb-0">{{userInfo.job_fair}}</div>
							<div>天</div>
						</div>
						<div class="flex py-2 flex-baseline" v-if="userInfo.job_fair<=0">
							<div class="w-100px text-right"></div>
							<div class="pl-3 text-danger">招聘会场数不足</div>
						</div>
						<div class="flex py-2 flex-baseline" v-else>
							<div class="w-100px text-right"></div>
							<div class="pl-3">购买后剩余</div>
							<div class="text-primary h4 font-weight-500 mb-0" 
							v-if="buy.data.value">{{userInfo.job_fair-1}}</div>
							<div v-if="buy.data.value">场</div>
						</div>
					</div>
					<div v-else>
						<div class="flex py-2 flex-baseline">
							<div class="w-100px text-right">订单价格：</div>
							<div class="flex-1 text-secondary pl-3 h4 font-weight-500 mb-0"><s>{{buy.data.price}}<span class="font-size-sm text-secondary pl-2">元</span></s></div>
						</div>
						<div class="py-2 flex flex-baseline">
							<div class="w-100px text-right">优惠券：</div>
							<div class="text-primary pl-3 h4 font-weight-500 mb-0" v-if="buy.coupon_price>0">-{{buy.coupon_price}}<span class="font-size-sm text-secondary pl-2">元</span></div>
							<div class="flex-1"></div>
							<div class="text-secondary pl-3 font-weight-500 pointer" @click="showCoupon">使用优惠券</div>
						</div>
						<div class="py-2 flex" v-if="buy.showCoupon">
							<div class="w-100px text-right"></div>
							<div class="flex-1" style="overflow:auto;height: 300px;"
							v-infinite-scroll="getCoupon"
							:infinite-scroll-disabled="buy.search_coupon.ajax=='noMore'">
								<div class="row mx-0">
								    <div v-for="(v,index) in buy.coupon" class="col-6 py-2">
								    	<div class="pointer border border-info position-relative"
								    	:class="{'border-xl border-danger is_selected':buy.form.selected_coupon.indexOf(v.alias)!==-1,'grayscale':hasCouponIsUse(v)}"
								    	@click="useCoupon(v)">
								    		<div class="bg-info text-white p-3">
										    	<div class="h4 mb-0" v-if="v.type">
										    	{{v.discount/10}}折<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
										    	</div>
										    	<div class="h4 mb-0" v-else>
										    	￥{{v.price}}<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
										    	</div>
										    	<div class="font-size-sm pt-2">有效期至{{v.end_time}}</div>
								    		</div>
								    		<div class="px-3 flex text-info py-2">
								    			<div>[{{v.cate}}]</div>
								    			<div>[{{v.title}}]</div>
								    		</div>
								    		<div class="bg-danger text-white coupon-icon-check"><i class="el-icon-check"></i></div>
								    		<div class="position-absolute text-white" style="right:5px;top:5px;" v-if="v.alias_list.length">
								    			<el-tooltip :content="'仅限'+v.alias_list.join(',')+'使用'" placement="top">
								    				<i class="el-icon-warning-outline"></i>
												</el-tooltip>
								    		</div>
								    		<div class="position-absolute text-white font-size-sm" style="right:25px;top:5px;" v-if="v.vip_level>0">
								    			仅限{{v.vip_name}}使用
								    		</div>
								    	</div>
								    </div>
								    <div v-for="(v,index) in buy.coupon_not" class="col-6 py-2">
								    	<div class="pointer border border-info position-relative"
								    	:class="{'border-xl border-danger is_selected':buy.form.selected_coupon.indexOf(v.alias)!==-1,'grayscale':hasCouponIsUse(v)}"
								    	@click="useCoupon(v)">
								    		<div class="bg-info text-white p-3">
										    	<div class="h4 mb-0" v-if="v.type">
										    	{{v.discount/10}}折<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
										    	</div>
										    	<div class="h4 mb-0" v-else>
										    	￥{{v.price}}<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
										    	</div>
										    	<div class="font-size-sm pt-2">有效期至{{v.end_time}}</div>
								    		</div>
								    		<div class="px-3 flex text-info py-2">
								    			<div>[{{v.cate}}]</div>
								    			<div>[{{v.title}}]</div>
								    		</div>
								    		<div class="bg-danger text-white coupon-icon-check"><i class="el-icon-check"></i></div>
								    		<div class="position-absolute text-white" style="right:5px;top:5px;" v-if="v.alias_list.length">
								    			<el-tooltip :content="'仅限'+v.alias_list.join(',')+'使用'" placement="top">
								    				<i class="el-icon-warning-outline"></i>
												</el-tooltip>
								    		</div>
								    		<div class="position-absolute text-white font-size-sm" style="right:25px;top:5px;" v-if="v.vip_level>0">
								    			仅限{{v.vip_name}}使用
								    		</div>
								    	</div>
								    </div>
							    </div>
							    <div class="text-secondary small text-center py-5" v-if="!buy.coupon.length&&!buy.coupon_not.length&&buy.search_coupon.ajax=='noMore'">暂无可用优惠券~</div>
							</div>
						</div>
					</div>
					<div class="flex py-2 flex-baseline" v-if="buy.form.pay_type!='job_fair'">
						<div class="w-100px text-right">应付金额：</div>
						<div class="flex-1 text-primary pl-3 h4 font-weight-500 mb-0">{{(buy.data.price-buy.coupon_price).toFixed(2)}}<span class="font-size-sm text-secondary pl-2">元</span></div>
					</div>
				</div>
			</div>
			<div class="p-4 text-666666" v-if="buy.pay_status && buy.pay_status==='value-added'">
				<div class="flex py-2">
					<div class="w-100px text-right">服务名称：</div>
					<div class="flex-1 text-primary pl-3 font-weight-500 mb-0">{{buy.stitle}}</div>
				</div>
				<div class="flex py-2">
					<div class="w-100px text-right">已选套餐：</div>
					<div class="flex-1 text-primary pl-3 font-weight-500 mb-0">{{buy.data.title}}</div>
				</div>
				<div class="flex py-2">
					<div class="w-100px text-right"></div>
					<div class="flex-1">
						<el-table
						    :data="buy.listData"
						    border
						    highlight-current-row
						    @current-change="buyListDataCurrent"
						    style="width: 100%">
						    <el-table-column
						      label="套餐内容">
						      <template slot-scope="scope">
						      	<span class="el-radio__input mr-2" :class="{'is-checked':buy.data.id==scope.row.id}">
						      		<span class="el-radio__inner"></span>
						      	</span>
						      	{{scope.row.title}}
						      </template>
						    </el-table-column>
						    <el-table-column
						      label="VIP会员"
						      width="200">
						      <template slot-scope="scope">
						      	<div v-if="scope.row.discount.vip>0">
							      	<t class="text-D8B077 small" >{{(scope.row.price*(scope.row.discount.vip/100)).toFixed(2)}}元</t>
							      	<span class="text-secondary small">(每{{scope.row.unit}}{{((scope.row.price*(scope.row.discount.vip/100))/scope.row.value).toFixed(2)}}元)</span>
						      	</div>
						      	<div v-else>
						      		<t class="text-D8B077 small">{{scope.row.price}}元</t>
							      	<span class="text-secondary small">(每{{scope.row.unit}}{{(scope.row.price/scope.row.value).toFixed(2)}}元)</span>
						      	</div>
						      </template>
						    </el-table-column>
						    <el-table-column
						      label="免费会员"
						      width="200">
						      <template slot-scope="scope">
						      	<div v-if="scope.row.discount.ordinary>0">
							      	<t class="text-D8B077 small" >{{(scope.row.price*(scope.row.discount.ordinary/100)).toFixed(2)}}元</t>
							      	<span class="text-secondary small">(每{{scope.row.unit}}{{((scope.row.price*(scope.row.discount.ordinary/100))/scope.row.value).toFixed(2)}}元)</span>
						      	</div>
						      	<div v-else>
						      		<t class="text-D8B077 small">{{scope.row.price}}元</t>
							      	<span class="text-secondary small">(每{{scope.row.unit}}{{(scope.row.price/scope.row.value).toFixed(2)}}元)</span>
						      	</div>
						      </template>
						    </el-table-column>
						</el-table>
					</div>
				</div>
				<div class="flex py-2" v-if="buy.showSelectedJobs">
					<div class="w-100px text-right">已选职位：</div>
					<div class="flex-1 text-primary pl-3 font-weight-500" v-if="buy.data1.title">{{buy.data1.title}}[{{buy.data1.jobs_city}}]</div>
					<div class="text-secondary pl-3 font-weight-500 pointer" v-if="buy.data1.id && !buy.showJobsList" @click="buy.showJobsList=true;">切换职位</div>
				</div>
				<div v-if="buy.showJobsList">
					<div class="flex py-2">
						<div class="w-100px text-right"></div>
						<div class="flex-1">
							<el-table
							    :data="jobsList"
							    v-loading="page.ajax"
							    border
							    highlight-current-row
							    @current-change="buyListJobsDataCurrent"
							    style="width: 100%">
							    <el-table-column
							      label="职位">
							      <template slot-scope="scope">
							      	<span class="el-radio__input mr-2" :class="{'is-checked':buy.data1.id==scope.row.id}">
							      		<span class="el-radio__inner"></span>
							      	</span>
							      	{{scope.row.title}}[{{scope.row.jobs_city}}]
							      </template>
							    </el-table-column>
							</el-table>
						</div>
					</div>
					<div class="table-responsive py-3 text-center">
						<el-pagination
						  small
						  background
						  :hide-on-single-page="true"
						  @current-change="setPageChange"
					      :current-page="page.page"
					      :page-size="15"
					      layout="total,  prev, pager, next, jumper"
					      :total="page.total">
					    </el-pagination>
					</div>
				</div>
				<div v-if="!buy.orderInfo.otrade">
					<div class="flex py-2">
						<div class="w-100px text-right">支付方式：</div>
						<div class="flex-1 text-primary pl-3">
							<div class="flex">
								<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='top_jobs','border-primary':buy.form.pay_type=='top_jobs'}" @click="setPayType('top_jobs');buy.form.score=0;setPriceScoreChange()"
								v-if="buy.form.type===4">
									<div class="pr-2">
						  				<img src="__TEMPLATE_STATIC__/icon/icon_rights.png" height="30">
									</div>
									<div class="flex-1">权益兑换</div>
								</div>
								<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='urgent_jobs','border-primary':buy.form.pay_type=='urgent_jobs'}" @click="setPayType('urgent_jobs');buy.form.score=0;setPriceScoreChange()"
								v-if="buy.form.type===5">
									<div class="pr-2">
						  				<img src="__TEMPLATE_STATIC__/icon/icon_rights.png" height="30">
									</div>
									<div class="flex-1">权益兑换</div>
								</div>
								{eq name=":config('alipay.status')" value="1"}
								<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='alipay','border-primary':buy.form.pay_type=='alipay'}" @click="setPayType('alipay');">
									<div class="pr-2">
						  				<img src="__TEMPLATE_STATIC__/icon/icon_alipay.png" height="30">
									</div>
									<div class="flex-1">支付宝支付</div>
								</div>
								{/eq}
								{eq name=":config('wxpay.status')" value="1"}
								<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='wxpay','border-primary':buy.form.pay_type=='wxpay'}" @click="setPayType('wxpay');">
									<div class="pr-2">
						  				<img src="__TEMPLATE_STATIC__/icon/icon_wxpay.png" height="30">
									</div>
									<div class="flex-1">微信支付</div>
								</div>
								{/eq}
							</div>
						</div>
					</div>
					<div v-if="buy.form.pay_type==='top_jobs'">
						<div class="flex py-2 flex-baseline">
							<div class="w-100px text-right">置顶天数</div>
							<div class="pl-3">当前拥有</div>
							<div class="text-primary h4 font-weight-500 mb-0">{{userInfo.top_day}}</div>
							<div>天</div>
						</div>
						<div class="flex py-2 flex-baseline" v-if="buy.data.value&&userInfo.top_day-buy.data.value<0">
							<div class="w-100px text-right"></div>
							<div class="pl-3 text-danger">置顶天数不足</div>
						</div>
						<div class="flex py-2 flex-baseline" v-else>
							<div class="w-100px text-right"></div>
							<div class="pl-3">购买后剩余</div>
							<div class="text-primary h4 font-weight-500 mb-0" 
							v-if="buy.data.value">{{userInfo.top_day-buy.data.value}}</div>
							<div v-if="buy.data.value">{{buy.data.unit}}</div>
						</div>
					</div>
					<div v-else-if="buy.form.pay_type==='urgent_jobs'">
						<div class="flex py-2 flex-baseline">
							<div class="w-100px text-right">紧急置顶天数</div>
							<div class="pl-3">当前拥有</div>
							<div class="text-primary h4 font-weight-500 mb-0">{{userInfo.urgent_day}}</div>
							<div>天</div>
						</div>
						<div class="flex py-2 flex-baseline" v-if="buy.data.value&&userInfo.urgent_day-buy.data.value<0">
							<div class="w-100px text-right"></div>
							<div class="pl-3 text-danger">紧急置顶天数不足</div>
						</div>
						<div class="flex py-2 flex-baseline" v-else>
							<div class="w-100px text-right"></div>
							<div class="pl-3">购买后剩余</div>
							<div class="text-primary h4 font-weight-500 mb-0" 
							v-if="buy.data.value">{{userInfo.urgent_day-buy.data.value}}</div>
							<div v-if="buy.data.value">{{buy.data.unit}}</div>
						</div>
					</div>
					<div v-else>
						<div class="flex py-2 flex-baseline">
							<div class="w-100px text-right">订单价格：</div>
							<div class="flex-1 text-secondary pl-3 h4 font-weight-500 mb-0"><s>{{buy.price}}<span class="font-size-sm text-secondary pl-2" v-if="buy.price">元</span></s></div>
						</div>
						<div class="flex py-2 flex-baseline">
							<div class="w-100px text-right"></div>
							<div class="pl-3 text-secondary">
								<el-checkbox v-model="buy.form.score" 
								:true-label="1" 
								:false-label="0"
								@change="setPriceScoreChange">使用积分抵现</el-checkbox>
							</div>
							<div class="flex-1 text-secondary pl-3 font-weight-500 mb-0">
								(当前拥有<t class="text-primary">{{userInfo.score}}</t>)<span v-if="buy.score">，使用<t class="text-primary">{{buy.score}}</t>积分，抵扣<t class="text-primary">{{buy.proportion_price}}</t>元</span>
							</div>
						</div>
						<div class="py-2 flex flex-baseline">
							<div class="w-100px text-right">优惠券：</div>
							<div class="text-primary pl-3 h4 font-weight-500 mb-0" v-if="buy.coupon_price>0">-{{buy.coupon_price}}<span class="font-size-sm text-secondary pl-2">元</span></div>
							<div class="flex-1"></div>
							<div class="text-secondary pl-3 font-weight-500 pointer" @click="showCoupon">使用优惠券</div>
						</div>
						<div class="py-2 flex" v-if="buy.showCoupon">
							<div class="w-100px text-right"></div>
							<div class="flex-1" style="overflow:auto;height: 300px;"
							v-infinite-scroll="getCoupon"
							:infinite-scroll-disabled="buy.search_coupon.ajax=='noMore'">
								<div class="row mx-0">
								    <div v-for="(v,index) in buy.coupon" class="col-6 py-2">
								    	<div class="pointer border border-info position-relative"
								    	:class="{'border-xl border-danger is_selected':buy.form.selected_coupon.indexOf(v.alias)!==-1,'grayscale':hasCouponIsUse(v)}"
								    	@click="useCoupon(v)">
								    		<div class="bg-info text-white p-3">
										    	<div class="h4 mb-0" v-if="v.type">
										    	{{v.discount/10}}折<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
										    	</div>
										    	<div class="h4 mb-0" v-else>
										    	￥{{v.price}}<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
										    	</div>
										    	<div class="font-size-sm pt-2">有效期至{{v.end_time}}</div>
								    		</div>
								    		<div class="px-3 flex text-info py-2">
								    			<div>[{{v.cate}}]</div>
								    			<div>[{{v.title}}]</div>
								    		</div>
								    		<div class="bg-danger text-white coupon-icon-check"><i class="el-icon-check"></i></div>
								    		<div class="position-absolute text-white" style="right:5px;top:5px;" v-if="v.alias_list.length">
								    			<el-tooltip :content="'仅限'+v.alias_list.join(',')+'使用'" placement="top">
								    				<i class="el-icon-warning-outline"></i>
												</el-tooltip>
								    		</div>
								    		<div class="position-absolute text-white font-size-sm" style="right:25px;top:5px;" v-if="v.vip_level>0">
								    			仅限{{v.vip_name}}使用
								    		</div>
								    	</div>
								    </div>
								    <div v-for="(v,index) in buy.coupon_not" class="col-6 py-2">
								    	<div class="pointer border border-info position-relative"
								    	:class="{'border-xl border-danger is_selected':buy.form.selected_coupon.indexOf(v.alias)!==-1,'grayscale':hasCouponIsUse(v)}"
								    	@click="useCoupon(v)">
								    		<div class="bg-info text-white p-3">
										    	<div class="h4 mb-0" v-if="v.type">
										    	{{v.discount/10}}折<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
										    	</div>
										    	<div class="h4 mb-0" v-else>
										    	￥{{v.price}}<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
										    	</div>
										    	<div class="font-size-sm pt-2">有效期至{{v.end_time}}</div>
								    		</div>
								    		<div class="px-3 flex text-info py-2">
								    			<div>[{{v.cate}}]</div>
								    			<div>[{{v.title}}]</div>
								    		</div>
								    		<div class="bg-danger text-white coupon-icon-check"><i class="el-icon-check"></i></div>
								    		<div class="position-absolute text-white" style="right:5px;top:5px;" v-if="v.alias_list.length">
								    			<el-tooltip :content="'仅限'+v.alias_list.join(',')+'使用'" placement="top">
								    				<i class="el-icon-warning-outline"></i>
												</el-tooltip>
								    		</div>
								    		<div class="position-absolute text-white font-size-sm" style="right:25px;top:5px;" v-if="v.vip_level>0">
								    			仅限{{v.vip_name}}使用
								    		</div>
								    	</div>
								    </div>
							    </div>
							    <div class="text-secondary small text-center py-5" v-if="!buy.coupon.length&&!buy.coupon_not.length&&buy.search_coupon.ajax=='noMore'">暂无可用优惠券~</div>
							</div>
						</div>
					</div>
				</div>
				<div class="flex py-2 flex-baseline" v-if="buy.form.pay_type!='top_jobs'&&buy.form.pay_type!='urgent_jobs'">
					<div class="w-100px text-right">应付金额：</div>
					<div class="flex-1 text-primary pl-3 h4 font-weight-500 mb-0">{{(buy.score_price-buy.coupon_price).toFixed(2)}}<span class="font-size-sm text-secondary pl-2" v-if="buy.score_price">元</span></div>
				</div>
			</div>
			<div class="p-4 text-666666" v-if="buy.pay_status && buy.pay_status==='score'">
				<div class="flex py-2">
					<div class="w-100px text-right">购买数量：</div>
					<div class="flex-1 text-primary pl-3 font-weight-500">
						<el-input-number v-model="buy.form.value" :min="buy.data.min_score" :step="buy.data.min_score"></el-input-number>
						<p class="mb-0 text-secondary py-1">最低充值：{{buy.data.min_score}}积分</p>
					</div>
				</div>
				<div class="flex py-2">
					<div class="w-100px text-right"></div>
					<div class="text-secondary ml-3 px-3 py-2 font-weight-500 border pointer" @click="setBuyFormValue(100)">100</div>
					<div class="text-secondary ml-3 px-3 py-2 font-weight-500 border pointer" @click="setBuyFormValue(200)">200</div>
					<div class="text-secondary ml-3 px-3 py-2 font-weight-500 border pointer" @click="setBuyFormValue(300)">300</div>
					<div class="text-secondary ml-3 px-3 py-2 font-weight-500 border pointer" @click="setBuyFormValue(500)">500</div>
					<div class="text-secondary ml-3 px-3 py-2 font-weight-500 border pointer" @click="setBuyFormValue(1000)">1000</div>
				</div>
				<div v-if="!buy.orderInfo.otrade">
					<div class="flex py-2">
						<div class="w-100px text-right">支付方式：</div>
						<div class="flex-1 text-primary pl-3">
							<div class="flex">
								{eq name=":config('alipay.status')" value="1"}
								<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='alipay','border-primary':buy.form.pay_type=='alipay'}" @click="setPayType('alipay');">
									<div class="pr-2">
						  				<img src="__TEMPLATE_STATIC__/icon/icon_alipay.png" height="30">
									</div>
									<div class="flex-1">支付宝支付</div>
								</div>
								{/eq}
								{eq name=":config('wxpay.status')" value="1"}
								<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='wxpay','border-primary':buy.form.pay_type=='wxpay'}" @click="setPayType('wxpay');">
									<div class="pr-2">
						  				<img src="__TEMPLATE_STATIC__/icon/icon_wxpay.png" height="30">
									</div>
									<div class="flex-1">微信支付</div>
								</div>
								{/eq}
							</div>
						</div>
					</div>
					<div class="flex py-2 flex-baseline">
						<div class="w-100px text-right">订单价格：</div>
						<div class="flex-1 text-secondary pl-3 h4 font-weight-500 mb-0" v-if="buy.form.value>0"><s>{{buy.form.value/buy.data.recharge_rate}}<span class="font-size-sm text-secondary pl-2">元</span></s></div>
					</div>
					<div class="py-2 flex flex-baseline">
						<div class="w-100px text-right">优惠券：</div>
						<div class="text-primary pl-3 h4 font-weight-500 mb-0" v-if="buy.coupon_price>0">-{{buy.coupon_price}}<span class="font-size-sm text-secondary pl-2">元</span></div>
						<div class="flex-1"></div>
						<div class="text-secondary pl-3 font-weight-500 pointer" @click="showCoupon">使用优惠券</div>
					</div>
					<div class="py-2 flex" v-if="buy.showCoupon">
						<div class="w-100px text-right"></div>
						<div class="flex-1" style="overflow:auto;height: 300px;"
						v-infinite-scroll="getCoupon"
						:infinite-scroll-disabled="buy.search_coupon.ajax=='noMore'">
							<div class="row mx-0">
							    <div v-for="(v,index) in buy.coupon" class="col-6 py-2">
							    	<div class="pointer border border-info position-relative"
							    	:class="{'border-xl border-danger is_selected':buy.form.selected_coupon.indexOf(v.alias)!==-1,'grayscale':hasCouponIsUse(v)}"
							    	@click="useCoupon(v)">
							    		<div class="bg-info text-white p-3">
									    	<div class="h4 mb-0" v-if="v.type">
									    	{{v.discount/10}}折<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
									    	</div>
									    	<div class="h4 mb-0" v-else>
									    	￥{{v.price}}<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
									    	</div>
									    	<div class="font-size-sm pt-2">有效期至{{v.end_time}}</div>
							    		</div>
							    		<div class="px-3 flex text-info py-2">
							    			<div>[{{v.cate}}]</div>
							    			<div>[{{v.title}}]</div>
							    		</div>
							    		<div class="bg-danger text-white coupon-icon-check"><i class="el-icon-check"></i></div>
							    		<div class="position-absolute text-white" style="right:5px;top:5px;" v-if="v.alias_list.length">
							    			<el-tooltip :content="'仅限'+v.alias_list.join(',')+'使用'" placement="top">
							    				<i class="el-icon-warning-outline"></i>
											</el-tooltip>
							    		</div>
							    		<div class="position-absolute text-white font-size-sm" style="right:25px;top:5px;" v-if="v.vip_level>0">
							    			仅限{{v.vip_name}}使用
							    		</div>
							    	</div>
							    </div>
							    <div v-for="(v,index) in buy.coupon_not" class="col-6 py-2">
							    	<div class="pointer border border-info position-relative"
							    	:class="{'border-xl border-danger is_selected':buy.form.selected_coupon.indexOf(v.alias)!==-1,'grayscale':hasCouponIsUse(v)}"
							    	@click="useCoupon(v)">
							    		<div class="bg-info text-white p-3">
									    	<div class="h4 mb-0" v-if="v.type">
									    	{{v.discount/10}}折<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
									    	</div>
									    	<div class="h4 mb-0" v-else>
									    	￥{{v.price}}<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
									    	</div>
									    	<div class="font-size-sm pt-2">有效期至{{v.end_time}}</div>
							    		</div>
							    		<div class="px-3 flex text-info py-2">
							    			<div>[{{v.cate}}]</div>
							    			<div>[{{v.title}}]</div>
							    		</div>
							    		<div class="bg-danger text-white coupon-icon-check"><i class="el-icon-check"></i></div>
							    		<div class="position-absolute text-white" style="right:5px;top:5px;" v-if="v.alias_list.length">
							    			<el-tooltip :content="'仅限'+v.alias_list.join(',')+'使用'" placement="top">
							    				<i class="el-icon-warning-outline"></i>
											</el-tooltip>
							    		</div>
							    		<div class="position-absolute text-white font-size-sm" style="right:25px;top:5px;" v-if="v.vip_level>0">
							    			仅限{{v.vip_name}}使用
							    		</div>
							    	</div>
							    </div>
						    </div>
						    <div class="text-secondary small text-center py-5" v-if="!buy.coupon.length&&!buy.coupon_not.length&&buy.search_coupon.ajax=='noMore'">暂无可用优惠券~</div>
						</div>
					</div>
				</div>
				<div class="flex py-2 flex-baseline">
					<div class="w-100px text-right">应付金额：</div>
					<div class="flex-1 text-primary pl-3 h4 font-weight-500 mb-0" v-if="buy.form.value>0">{{((buy.form.value/buy.data.recharge_rate)-buy.coupon_price).toFixed(2)}}<span class="font-size-sm text-secondary pl-2">元</span></div>
				</div>
			</div>
			<div class="p-4 text-666666" v-if="buy.pay_status && buy.pay_status==='order'">
				<div class="flex py-2">
					<div class="w-100px text-right">订单号：</div>
					<div class="flex-1 text-primary pl-3 font-weight-500">{{buy.data.otrade}}</div>
				</div>
				<div class="bg-D8B077-01 py-3">
					<div class="flex py-2 text-666666">
						<div class="w-100px text-right">创建时间:</div>
						<div class="flex-1 text-dark pl-3 font-weight-500">{{buy.data.create_time}}</div>
						<div class="w-100px text-right">过期时间:</div>
						<div class="flex-1 text-dark pl-3 font-weight-500">{{buy.data.expire_time}}</div>
					</div>
					<div class="flex py-2 text-666666">
						<div class="w-100px text-right">订单类型:</div>
						<div class="flex-1 text-dark pl-3 font-weight-500">{{buy.data.type_text}}</div>
						<div class="w-100px text-right">订单内容:</div>
						<div class="flex-1 text-dark pl-3 font-weight-500">{{buy.data.otitle}}</div>
					</div>
				</div>
				<div class="flex py-2">
					<div class="w-100px text-right">支付方式：</div>
					<div class="flex-1 text-primary pl-3">
						<div class="flex">
							{eq name=":config('alipay.status')" value="1"}
							<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='alipay','border-primary':buy.form.pay_type=='alipay'}" @click="setPayType('alipay');">
								<div class="pr-2">
					  				<img src="__TEMPLATE_STATIC__/icon/icon_alipay.png" height="30">
								</div>
								<div class="flex-1">支付宝支付</div>
							</div>
							{/eq}
							{eq name=":config('wxpay.status')" value="1"}
							<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='wxpay','border-primary':buy.form.pay_type=='wxpay'}" @click="setPayType('wxpay');">
								<div class="pr-2">
					  				<img src="__TEMPLATE_STATIC__/icon/icon_wxpay.png" height="30">
								</div>
								<div class="flex-1">微信支付</div>
							</div>
							{/eq}
						</div>
					</div>
				</div>
				<div class="flex py-2 flex-baseline">
					<div class="w-100px text-right">订单价格：</div>
					<div class="flex-1 text-primary pl-3 h4 font-weight-500 mb-0">{{buy.data.oprice}}<span class="font-size-sm text-secondary pl-2">元</span></div>
				</div>
				<div class="flex py-2 flex-baseline" v-if="buy.data.score>0">
					<div class="w-100px text-right">抵扣积分：</div>
					<div class="flex-1 text-primary pl-3 h4 font-weight-500 mb-0">{{buy.data.score}}</div>
				</div>
			</div>
			<div class="p-4 text-666666" v-if="buy.pay_status && buy.pay_status==='download-resume'">
				<div class="flex py-2">
					<div class="w-100px text-right">服务名称：</div>
					<div class="flex-1 text-primary pl-3 font-weight-500">{{buy.stitle}}</div>
				</div>
				<div v-if="!buy.orderInfo.otrade">
					<div class="flex py-2">
						<div class="w-100px text-right">支付方式：</div>
						<div class="flex-1 text-primary pl-3">
							<div class="flex">
								<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='resume','border-primary':buy.form.pay_type=='resume'}" @click="setPayType('resume');buy.form.score=0;setPriceScoreChange()">
									<div class="pr-2">
						  				<img src="__TEMPLATE_STATIC__/icon/icon_rights.png" height="30">
									</div>
									<div class="flex-1">权益兑换</div>
								</div>
								{eq name=":config('alipay.status')" value="1"}
								<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='alipay','border-primary':buy.form.pay_type=='alipay'}" @click="setPayType('alipay');" v-if="buy.data.download_status">
									<div class="pr-2">
						  				<img src="__TEMPLATE_STATIC__/icon/icon_alipay.png" height="30">
									</div>
									<div class="flex-1">支付宝支付</div>
								</div>
								{/eq}
								{eq name=":config('wxpay.status')" value="1"}
								<div class="border border-lg px-3 py-2 mr-3 pointer flex flex-center" :class="{'text-secondary':buy.form.pay_type!=='wxpay','border-primary':buy.form.pay_type=='wxpay'}" @click="setPayType('wxpay');" v-if="buy.data.download_status">
									<div class="pr-2">
						  				<img src="__TEMPLATE_STATIC__/icon/icon_wxpay.png" height="30">
									</div>
									<div class="flex-1">微信支付</div>
								</div>
								{/eq}
							</div>
						</div>
					</div>
					<div class="flex py-2 flex-baseline" v-if="buy.form.pay_type==='resume'">
						<div class="w-100px text-right">订单价格：</div>
						<div class="flex-1 text-secondary pl-3 h4 font-weight-500 mb-0"><s>{{buy.data.rule_value}}<span class="font-size-sm text-secondary pl-2">{{buy.data.download_rule_nuit}}</span></s></div>
					</div>
					<div v-if="buy.form.pay_type!='resume'">
						<div class="flex py-2 flex-baseline">
							<div class="w-100px text-right">订单价格：</div>
							<div class="flex-1 text-secondary pl-3 h4 font-weight-500 mb-0"><s>{{buy.price}}<span class="font-size-sm text-secondary pl-2" v-if="buy.price">元</span></s></div>
						</div>
						<div class="flex py-2 flex-baseline" v-if="buy.data.score_status">
							<div class="w-100px text-right"></div>
							<div class="pl-3 text-secondary">
								<el-checkbox v-model="buy.form.score" 
								:true-label="1" 
								:false-label="0"
								:disabled="buy.form.pay_type==='resume'"
								@change="setPriceScoreChange">使用积分抵现</el-checkbox>
							</div>
							<div class="flex-1 text-secondary pl-3 font-weight-500">
								(当前拥有<t class="text-primary">{{userInfo.score}}</t>)<span v-if="buy.score">，使用<t class="text-primary">{{buy.score}}</t>积分，抵扣<t class="text-primary">{{buy.proportion_price}}</t>元</span>
							</div>
						</div>
						<div class="py-2 flex flex-baseline">
							<div class="w-100px text-right">优惠券：</div>
							<div class="text-primary pl-3 h4 font-weight-500 mb-0" v-if="buy.coupon_price>0">-{{buy.coupon_price}}<span class="font-size-sm text-secondary pl-2">元</span></div>
							<div class="flex-1"></div>
							<div class="text-secondary pl-3 font-weight-500 pointer" @click="showCoupon">使用优惠券</div>
						</div>
						<div class="py-2 flex" v-if="buy.showCoupon">
							<div class="w-100px text-right"></div>
							<div class="flex-1" style="overflow:auto;height: 300px;"
							v-infinite-scroll="getCoupon"
							:infinite-scroll-disabled="buy.search_coupon.ajax=='noMore'">
								<div class="row mx-0">
								    <div v-for="(v,index) in buy.coupon" class="col-6 py-2">
								    	<div class="pointer border border-info position-relative"
								    	:class="{'border-xl border-danger is_selected':buy.form.selected_coupon.indexOf(v.alias)!==-1,'grayscale':hasCouponIsUse(v)}"
								    	@click="useCoupon(v)">
								    		<div class="bg-info text-white p-3">
										    	<div class="h4 mb-0" v-if="v.type">
										    	{{v.discount/10}}折<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
										    	</div>
										    	<div class="h4 mb-0" v-else>
										    	￥{{v.price}}<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
										    	</div>
										    	<div class="font-size-sm pt-2">有效期至{{v.end_time}}</div>
								    		</div>
								    		<div class="px-3 flex text-info py-2">
								    			<div>[{{v.cate}}]</div>
								    			<div>[{{v.title}}]</div>
								    		</div>
								    		<div class="bg-danger text-white coupon-icon-check"><i class="el-icon-check"></i></div>
								    		<div class="position-absolute text-white" style="right:5px;top:5px;" v-if="v.alias_list.length">
								    			<el-tooltip :content="'仅限'+v.alias_list.join(',')+'使用'" placement="top">
								    				<i class="el-icon-warning-outline"></i>
												</el-tooltip>
								    		</div>
								    		<div class="position-absolute text-white font-size-sm" style="right:25px;top:5px;" v-if="v.vip_level>0">
								    			仅限{{v.vip_name}}使用
								    		</div>
								    	</div>
								    </div>
								    <div v-for="(v,index) in buy.coupon_not" class="col-6 py-2">
								    	<div class="pointer border border-info position-relative"
								    	:class="{'border-xl border-danger is_selected':buy.form.selected_coupon.indexOf(v.alias)!==-1,'grayscale':hasCouponIsUse(v)}"
								    	@click="useCoupon(v)">
								    		<div class="bg-info text-white p-3">
										    	<div class="h4 mb-0" v-if="v.type">
										    	{{v.discount/10}}折<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
										    	</div>
										    	<div class="h4 mb-0" v-else>
										    	￥{{v.price}}<span class="font-size-sm ml-1" v-if="v.satisfy_price>0">满{{v.satisfy_price}}</span><span class="font-size-sm ml-1" v-if="v.superposition">[可叠加]</span>
										    	</div>
										    	<div class="font-size-sm pt-2">有效期至{{v.end_time}}</div>
								    		</div>
								    		<div class="px-3 flex text-info py-2">
								    			<div>[{{v.cate}}]</div>
								    			<div>[{{v.title}}]</div>
								    		</div>
								    		<div class="bg-danger text-white coupon-icon-check"><i class="el-icon-check"></i></div>
								    		<div class="position-absolute text-white" style="right:5px;top:5px;" v-if="v.alias_list.length">
								    			<el-tooltip :content="'仅限'+v.alias_list.join(',')+'使用'" placement="top">
								    				<i class="el-icon-warning-outline"></i>
												</el-tooltip>
								    		</div>
								    		<div class="position-absolute text-white font-size-sm" style="right:25px;top:5px;" v-if="v.vip_level>0">
								    			仅限{{v.vip_name}}使用
								    		</div>
								    	</div>
								    </div>
							    </div>
							    <div class="text-secondary small text-center py-5" v-if="!buy.coupon.length&&!buy.coupon_not.length&&buy.search_coupon.ajax=='noMore'">暂无可用优惠券~</div>
							</div>
						</div>
					</div>
					<div class="flex py-2 flex-baseline">
						<div class="w-100px text-right">应付金额：</div>
						<div class="flex-1 text-primary pl-3 h4 font-weight-500 mb-0">{{(buy.score_price-buy.coupon_price).toFixed(2)}}<span class="font-size-sm text-secondary pl-2" v-if="buy.score_price">元</span></div>
					</div>
				</div>
				<div class="flex py-2 flex-baseline" v-if="buy.form.pay_type==='resume'">
					<div class="w-100px text-right">{{buy.data.download_rule_title}}</div>
					<div class="pl-3">当前拥有</div>
					<div class="text-primary h4 font-weight-500 mb-0">{{buy.data.download_value}}</div>
					<div>{{buy.data.download_rule_nuit}}</div>
				</div>
				<div class="flex py-2 flex-baseline" v-if="buy.form.pay_type==='resume'">
					<div class="w-100px text-right"></div>
					<div class="pl-3">购买后剩余</div>
					<div class="text-primary h4 font-weight-500 mb-0">{{buy.data.download_value-buy.data.rule_value}}</div>
					<div>{{buy.data.download_rule_nuit}}</div>
				</div>
			</div>
			<div class="p-4 text-666666 text-center" v-else-if="buy.pay_status && buy.pay_status=='success'">
				<div class="text-primary py-5" style="font-size: 6rem;">
					<i class="el-icon-circle-check"></i>
				</div>
				<div>感谢您选择【<span class="text-success">{{buy.data.title}}{{buy.data.otitle}}</span>】服务，您的订单(订单号：{{buy.orderInfo.otrade}})已支付成功</div>
				<div class="flex">
					<div class="flex-1"></div>
					<div class="bg-FFF0E5 px-5 py-3 my-3 text-primary">
						在使用过程中遇到任何问题，请联系客服{xycms:web name="tel"/}
					</div>
					<div class="flex-1"></div>
				</div>
			</div>
			<div class="text-center py-2" v-if="buy.pay_status!='success'" v-loading="buy.ajax" style="min-height: 100px;">
				<div v-if="buy.orderInfo.url">
					<img :src="'/displayQrcode?scheme='+buy.orderInfo.url" width="200" height="200">
				</div>
				<p class="pt-3 mb-0 text-secondary" v-if="buy.form.pay_type==='alipay' && buy.orderInfo.otrade">请使用“支付宝-扫一扫”扫描二维码支付</p>
				<p class="pt-3 mb-0 text-secondary" v-if="buy.form.pay_type==='wxpay' && buy.orderInfo.otrade">请使用“微信-扫一扫”扫描二维码支付</p>
				<p class="py-3 mb-0 text-secondary" v-if="buy.orderInfo.time>0 && buy.orderInfo.otrade">剩余支付时间：{{XYBase.Date.getStoTime(buy.orderInfo.time,'H小时i分s秒')}}</p>
			</div>
			<div class="flex py-2 px-4 flex-baseline" v-if="!buy.orderInfo.otrade && buy.pay_status!='success'">
				<div class="w-100px text-right"></div>
				<div class="flex-1 p-3">
					<el-button type="primary" class="rounded-0" @click="generateOrderInfo()">立即支付</el-button>
				</div>
			</div>
		</div>
	</div>
</div>